Ext.define('PC.view.Viewport', {
    extend: 'Ext.container.Viewport',
	requires: [ 'Ext.layout.container.Border', 'Ext.tab.Panel', 'PC.view.content.MenuLateral',
	           'PC.view.content.ManutencaoUsuario', 'PC.view.content.InfoEmpresas', 
	           'PC.view.content.EmpresasTree', 'PC.view.content.FormEmpresas', 'PC.view.PanelBemVindo'],
	
	layout: 'border',
	padding: '10 5 3 10',
	
	items: [
        {
		xtype: 'menuLateral',
		id : 'menuLateral',
		region: 'west',
		collapsible: false,
		width:200
	},{
		xtype: 'headerPanel',
		region: 'north',
		collapsible: true,
		height:200
	},
	,{
		xtype: 'panel',//'manutencaoUsuario',
		region: 'center',
		id : 'centro',
		scroll : true,
		collapsible: true,
		margins: '0 5 5 5'
	}/*,{
		xtype: 'panel',
		region: 'east',
		html: '...qualquer outra coisa...',
		id: 'mostrar',
		split: true,
		width: 300,
		collapsible: true
	},{
		xtype: 'panel',
		region: 'south',
		collapsible: true
	}*/]
});